<template>
    <t-layout>
      <t-header>
        <LayoutHeader />
      </t-header>
      <t-layout>
        <t-aside style="border-top: 1px solid var(--component-border);" :style="{'width':asiderStore.width+'px'}">
        <LayoutAside />
        </t-aside>
        <t-layout >
          <t-content >
            <LayoutContent />
          </t-content>
          <t-footer><LayoutFooter /></t-footer>
        </t-layout>
      </t-layout>
    </t-layout>
  </template>

  <script setup>
import LayoutContent from './components/LayoutContent.vue'
import LayoutAside from './components/LayoutAside.vue'
import LayoutFooter from './components/LayoutFooter.vue'
import LayoutHeader from './components/LayoutHeader.vue'
import { useAsiderStore } from '@/stores/asider'
const asiderStore = useAsiderStore()
</script>
  